<template>
  <div class="App">
    <h3 class="text">App组件</h3>
    <h4><button @click="change">点击累加子组件数据</button></h4>
    <!-- 子传父通信 -->
    <Show ref="son" />
  </div>
</template>

<script>
import Show from "@/components/Show";
export default {
  name: "App",
  components: {
    Show,
  },
  methods: {
    change() {
      this.$refs.son.count++;
    },
  },
};
</script>

<style scoped>
.App {
  background-color: aqua;
}
.text {
  color: red;
}
.App >>> .text {
  color: red;
}
</style>